<div class="tab-pane fade in" id="panel-recipes-pending">
    <h4 class="small-heading more-margin-bottom">@lang( 'profile.recipes-pending-panel' )</h4>
    @foreach( $recipesPending as $pending )
    <div class="the-box no-border store-list">
        <div class="media">
            <a class="pull-left" href="/r/{{$pending->recipe->id}}">
                {{ HTML::image(  $pending->recipe->image_url, $pending->recipe->name, array( 'class' => 'store-image img-responsive' )) }}</a>
            <div class="clearfix visible-xs"></div>
            <div class="media-body">
                <a href="/r/{{$pending->recipe->id}}"></a>
                <h4 class="media-heading" >
                    <a href="#fakelink">
                        <strong style="color:#656D78">{{{ $pending->recipe->name }}}</strong> 
                        <span class="label label-info pull-right">{{{ $pending->recipe->preparation_time }}} 
                           <i class="fa fa-clock-o"></i></span></a></h4>
                <ul class="list-inline">
                    <li><a href="/u/{{{$pending->recipe->user->user_name}}}" class="text-warning">
                            {{{$pending->recipe->user->user_name}}}</a></li>
                    <li style="list-style: none">|</li>
                    <li>{{ $pending->recipe->getTimeElapsed() }}</li>
                    <li style="list-style: none">|</li>
                    <li><span class="label label-danger"><i class="fa fa-bolt"></i>
                            <i class="fa fa-bolt"></i>
                            <i class="fa fa-bolt"></i></span></li>
                </ul>
                <p class="hidden-xs">{{{ $pending->recipe->description }}}</p>
                <span class="small text-muted">
                    <i class="fa fa-star text-warning"></i>
                    <i class="fa fa-star text-warning"></i>
                    <i class="fa fa-star text-warning"></i>
                    <i class="fa fa-star-half-o  text-warning"></i>
                    <i class="fa fa-star-o text-warning"></i>
                </span>
                <h4>
                    <span class="label label-success">
                        {{ 
                        count( $pending->recipe->likesDislikes->filter( function( $likeDislike ){
                                return $likeDislike->isLike();
                        } ) ) 
                        }}
                        <i class="fa fa-thumbs-o-up"></i>&nbsp;&nbsp;&nbsp; 
                        {{ 
                        count( $pending->recipe->likesDislikes->filter( function( $likeDislike ){
                                return $likeDislike->isDislike();
                        } ) ) 
                        }}
                        <i class="fa fa-thumbs-o-down"></i> &nbsp;&nbsp;&nbsp;
                        {{ count($pending->recipe->commentsCount) > 0 ? $pending->recipe->commentsCount[0]->count : 0 }}
                        <i class="fa fa-comments"></i>
                    </span>
                </h4>
            </div> 
        </div> 
    </div>

    @endforeach
</div>